<div id="content">
		
		<%= link_to 'Post Idea', new_idea_path,:id=>"post" %>
		
		<span id="search"> 
			<%= image_tag "search.png" %>
			<input type="text"  />
		</span>
		
		<div id="projects">
		
				<h2>PROJECTS</h2>
				
				<h3>FEATURED PROJECTS</h3>
				
				<div id="featured">
					<% unless @featured_ideas.empty? -%>
				    <% @featured_ideas.each do |featured| -%>
				      <span class="column">
						    <a href="<%= idea_path featured %>"><%= image_tag("play.png") %><%= featured.name %></a>
						    <p><%= featured.abstract.truncate(100) %></p>
					    </span>
				    <% end -%>
				  <% end -%>
				</div>
				
				<div id="sort">
				  
					<a class="linkat selected">PERSONALIZED</a>
				  <a class="linkat" href="#">POPULAR</a>
					<a class="linkat" href="#">RECENT</a>
					
				</div>
				
				<div>
					
					<ul id="sorted" class="personalized">
					
						<li>
						  
							<a href="#"><%= image_tag("playa.png") %>Project One</a> <span class="date">Dec 7th, 2011</span>
							<p> Lorem ipsum dolor sit amet, consectetur sit amet elit.</p>
						</li>
						<li>
							<a href="#"><%= image_tag("playa.png") %>Project Two</a> <span class="date">Nov 24th, 2011</span>
							<p> Lorem ipsum dolor sit amet, dolor elit ipsum consectetur.</p>
						</li>
						<li>
							<a href="#"><%= image_tag("playa.png") %>Project Three</a> <span class="date">Oct 3rd, 2011</span>
							<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquip debitis at eum. Ut quo eius.</p>
						</li>
						<li>
							<a href="#"><%= image_tag("playa.png") %>Project Four</a> <span class="date">Oct 3rd, 2011</span>
							<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit ipsum dolor sit amet.</p>
						</li>
						
						<li>
							<a href="#"><%= image_tag("playa.png") %>Project One</a> <span class="date">Dec 7th, 2011</span>
							<p> Lorem ipsum dolor sit amet, consectetur sit amet elit.</p>
						</li>
												
					</ul>
					
					<ul id="sorted" style="display:none;" class="popular">
					
						<li>
						  
							<a href="#"><%= image_tag("playa.png") %>Project One</a> <span class="date">Dec 7th, 2011</span>
							<p> We really need fund, alot of it </p>
						</li>
						<li>
							<a href="#"><%= image_tag("playa.png") %>Project Two</a> <span class="date">Nov 24th, 2011</span>
							<p> We really need fund, alot of it </p>
						</li>
						<li>
							<a href="#"><%= image_tag("playa.png") %>Project Three</a> <span class="date">Oct 3rd, 2011</span>
							<p> We really need fund, alot of it </p>
						</li>
						<li>
							<a href="#"><%= image_tag("playa.png") %>Project Four</a> <span class="date">Oct 3rd, 2011</span>
							<p>  We really need fund, alot of it</p>
						</li>
						
						<li>
							<a href="#"><%= image_tag("playa.png") %>Project One</a> <span class="date">Dec 7th, 2011</span>
							<p> We really need fund, alot of it</p>
						</li>
												
					</ul>
					
					<ul id="sorted" style="display:none;" class="recent">
					
						<li>
						  
							<a href="#"><%= image_tag("playa.png") %>Project One</a> <span class="date">Dec 7th, 2011</span>
							<p> We really need fund, alot of it </p>
						</li>
						<li>
							<a href="#"><%= image_tag("playa.png") %>Project Two</a> <span class="date">Nov 24th, 2011</span>
							<p> We really need fund, alot of it </p>
						</li>
						<li>
							<a href="#"><%= image_tag("playa.png") %>Project Three</a> <span class="date">Oct 3rd, 2011</span>
							<p> We really need fund, alot of it </p>
						</li>
						<li>
							<a href="#"><%= image_tag("playa.png") %>Project Four</a> <span class="date">Oct 3rd, 2011</span>
							<p>  We really need fund, alot of it</p>
						</li>
						
						<li>
							<a href="#"><%= image_tag("playa.png") %>Project One</a> <span class="date">Dec 7th, 2011</span>
							<p> We really need fund, alot of it</p>
						</li>
												
					</ul>
					
					<div style="clear: both;"></div>
				</div>
			
		</div>
	
		
	</div>
	
	<footer>
		
		<!--<p><small>&copy; Copyright Your Name Here 2011. All Rights Reserved.</small></p>-->
		
	</footer>

</div>
<% content_for :header do -%>
  <script type="text/javascript">
    $(document).ready(function() {
      $('.linkat').click(function(){
        $('.selected').removeClass('selected');
        $(this).addClass("selected");
        
      });
    });
  </script>
  
<% end -%>
